.type-name {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
}

.type-name_h1 {
    font-size: 100px;
    color: var(--text-color);
    margin-block-start: 0;
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .type-name_h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 767px) {
    .type-name_h1 {
        font-size: 10vmin;
    }
}